<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<script type="text/javascript" src="statics/js/jquery-1.12.4.js" charset="UTF-8"></script>
<link rel="stylesheet" href="statics/css/home.css" type="text/css">
<script language="javascript" src="statics/js/home.js" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript" src="statics/js/My97DatePicker/WdatePicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="statics/layer/layer.js" charset="UTF-8"></script>
</head>
<body>
	<jsp:include page="top.jsp"></jsp:include>
	<div class="home">

		<div class="gundong">
			<ul id="button">
				<li class="select"></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<div id="ing">
				<c:forEach items="${plist}" var="plist">
				<img src="statics/image/upload/ppt/${plist.fpPhoto}" />
				</c:forEach>
			</div>
			<div id="ra">
				<span id="prev">&lt</span> <span id="next">&gt</span>
			</div>
			<div class="juzhong">
				<div class="cards">
					<div class="card">
						<div data-car="1" class="item">
							<div class="xx">接机送机</div>
						</div>
						<div data-car="2" class="item selected">
							<div class="xx">自驾租车</div>
						</div>
						<div data-car="3" class="item">
							<div class="xx">日租包车</div>
						</div>
					</div>
					<div class="text">
						<div data-text="1" class="content">
							<div class="js">
								<div data-jie="1" class="itemd selected">接机</div>
								<div data-jie="2" class="itemd">送机</div>
							</div>
							<div class="tent">
								<div data-tent="1" class="contented selected">
									<div class="jietime">
										<span>接机时间：</span> <input class="day" name="jieDay" type="text" onfocus="WdatePicker({minDate:'%y-%M-%d'})">
										<select id="time" name="jieTime">
											<c:set value="09" var="hour" />
											<c:set value="00" var="minute" />
											<c:forEach begin="${hour }" end="22" var="i">
												<c:forEach begin="${minute }" end="59" var="j" step="30">
													<option>
														<fmt:formatNumber type="number" minIntegerDigits="2"
															value="${i }" />:<fmt:formatNumber type="number" minIntegerDigits="2"
															value="${j}" />
													</option>
												</c:forEach>
											</c:forEach>
										</select><br>
									</div>
									<div class="jieaddress">
										<span>接机地点：</span>
										<select name="jielocation" class="location">
											<c:forEach items="${place }" var="p">
												<option value="${p.pname }" data-id="${p.pid }">${p.pname }</option>
											</c:forEach>
										</select>
										<select name="jiestore" class="store">
											<c:forEach items="${placestore }" var="ps">
												<option value="${ps.psName }" data-id="${ps.psId }">${ps.psName }</option>
											</c:forEach>
										</select>
									</div>
									<button class="xuanche" onclick="gotoAir('jieDay','jieTime','jielocation','jiestore')">去选车>>></button>
								</div>
								<div data-tent="2" class="contented">
									<div class="songtime">
										<span>送机时间：</span> <input class="day" name="songDay" type="text" onfocus="WdatePicker({minDate:'%y-%M-%d'})">
										<select id="time" name="songTime">
											<c:set value="09" var="hour" />
											<c:set value="00" var="minute" />
											<c:forEach begin="${hour }" end="22" var="i">
												<c:forEach begin="${minute }" end="59" var="j" step="30">
													<option>
														<fmt:formatNumber type="number" minIntegerDigits="2"
															value="${i }" />:<fmt:formatNumber type="number" minIntegerDigits="2"
															value="${j}" />
													</option>
												</c:forEach>
											</c:forEach>
										</select> <br>
									</div>
									<div class="songaddress">
										<span>送机地点：</span>
										<select name="songlocation" class="location">
											<c:forEach items="${place }" var="p">
												<option value="${p.pname }" data-id="${p.pid }">${p.pname }</option>
											</c:forEach>
										</select>
										<select name="songstore" class="store">
											<c:forEach items="${placestore }" var="ps">
												<option value="${ps.psName }" data-id="${ps.psId }">${ps.psName }</option>
											</c:forEach>
										</select>
										
									</div>
									<button class="xuanche" onclick="gotoAir('songDay','songTime','songlocation','songstore')">去选车>>></button>
	
								</div>
							</div>
						</div>
						<div data-text="2" class="content selected">
							<div class="qutime">
								<span>取车时间：</span> <input class="day" id="zqutime" name="zquDay" type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'zhuantime\')||\'2020-10-01\'}',minDate:'%y-%M-%d'})">
								<select id="time" name="zquTime">
									<c:set value="09" var="hour" />
									<c:set value="00" var="minute" />
									<c:forEach begin="${hour }" end="22" var="i">
										<c:forEach begin="${minute }" end="59" var="j" step="30">
											<option>
												<fmt:formatNumber type="number" minIntegerDigits="2"
													value="${i }" />:<fmt:formatNumber type="number" minIntegerDigits="2"
													value="${j}" />
											</option>
										</c:forEach>
									</c:forEach>
								</select>
							</div>
							<div class="quaddress">
								<span>取车地点：</span>
								<select name="zqulocation" class="location">
									<c:forEach items="${place }" var="p">
										<option value="${p.pname }" data-id="${p.pid }">${p.pname }</option>
									</c:forEach>
								</select>
								<select name="zqustore" class="store">
									<c:forEach items="${placestore }" var="ps">
										<option value="${ps.psName }" data-id="${ps.psId }">${ps.psName }</option>
									</c:forEach>
								</select>
							</div>
							<div class="huantime">
								<span>还车时间：</span> <input class="day" id="zhuantime" name="zhuanDay" type="text" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'zqutime\')}',maxDate:'2020-10-01'})">
								<select id="time" name="zhuanTime">
									<c:set value="09" var="hour" />
									<c:set value="00" var="minute" />
									<c:forEach begin="${hour }" end="22" var="i">
										<c:forEach begin="${minute }" end="59" var="j" step="30">
											<option>
												<fmt:formatNumber type="number" minIntegerDigits="2"
													value="${i }" />:<fmt:formatNumber type="number" minIntegerDigits="2"
													value="${j}" />
											</option>
										</c:forEach>
									</c:forEach>
								</select>
							</div>
							<div class="huanaddress">
								<span>还车地点：</span>
								<select name="zhuanlocation" class="location">
									<c:forEach items="${place }" var="p">
										<option value="${p.pname }" data-id="${p.pid }">${p.pname }</option>
									</c:forEach>
								</select>
								<select name="zhuanstore" class="store">
									<c:forEach items="${placestore }" var="ps">
										<option value="${ps.psName }" data-id="${ps.psId }">${ps.psName }</option>
									</c:forEach>
								</select>
							</div>
							<button class="xuanche" onclick="gotoPick('zquDay','zquTime','zhuanDay','zquTime','zqulocation','zqustore','zhuanlocation','zhuanstore')">去选车>>></button>
						</div>
						<div data-text="3" class="content">
							<div class="qutime">
								<span>取车时间：</span> <input class="day" id="bqutime" name="bquDay" type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'bhuantime\')||\'2020-10-01\'}',minDate:'%y-%M-%d'})">
								<select id="time" name="bquTime">
									<c:set value="09" var="hour" />
									<c:set value="00" var="minute" />
									<c:forEach begin="${hour }" end="22" var="i">
										<c:forEach begin="${minute }" end="59" var="j" step="30">
											<option>
												<fmt:formatNumber type="number" minIntegerDigits="2"
													value="${i }" />:<fmt:formatNumber type="number" minIntegerDigits="2"
													value="${j}" />
											</option>
										</c:forEach>
									</c:forEach>
								</select>
							</div>
							<div class="quaddress">
								<span>取车地点：</span>
								<select name="bqulocation" class="location">
									<c:forEach items="${place }" var="p">
										<option value="${p.pname }" data-id="${p.pid }">${p.pname }</option>
									</c:forEach>
								</select>
								<select name="bqustore" class="store">
									<c:forEach items="${placestore }" var="ps">
										<option value="${ps.psName }" data-id="${ps.psId }">${ps.psName }</option>
									</c:forEach>
								</select>
							</div>
							<div class="huantime">
								<span>还车时间：</span> <input class="day" id="bhuantime" name="bhuanDay" type="text" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'bqutime\')}',maxDate:'2020-10-01'})">
								<select id="time" name="bhuanTime">
									<c:set value="09" var="hour" />
									<c:set value="00" var="minute" />
									<c:forEach begin="${hour }" end="22" var="i">
										<c:forEach begin="${minute }" end="59" var="j" step="30">
											<option>
												<fmt:formatNumber type="number" minIntegerDigits="2"
													value="${i }" />:<fmt:formatNumber type="number" minIntegerDigits="2"
													value="${j}" />
											</option>
										</c:forEach>
									</c:forEach>
								</select>
							</div>
							<div class="huanaddress">
								<span>还车地点：</span>
								<select name="bhuanlocation" class="location">
									<c:forEach items="${place }" var="p">
										<option value="${p.pname }" data-id="${p.pid }">${p.pname }</option>
									</c:forEach>
								</select>
								<select name="bhuanstore" class="store">
									<c:forEach items="${placestore }" var="ps">
										<option value="${ps.psName }" data-id="${ps.psId }">${ps.psName }</option>
									</c:forEach>
								</select>
							</div>
							<button class="xuanche" onclick="gotoPick('bquDay','bquTime','bhuanDay','bquTime','bqulocation','bqustore','bhuanlocation','bhuanstore')">去选车>>></button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="introduce">
			<ul class="intro">
				<li><img class="left"
					src="statics/image/loginandregister/discribe1.jpg" /> <a href="">
						<h3>接送机场</h3>
						<p>无需手续，方便快捷到达指定地点等候</p>
				</a></li>
				<li><img class="left"
					src="statics/image/loginandregister/discribe2.jpg" /> <a href="">
						<h3>企业服务</h3>
						<p>承接各种大型会议用车专业商务接待团队</p>
				</a></li>
				<li><img class="left"
					src="statics/image/loginandregister/discribe3.jpg" /> <a href="">
						<h3>婚期豪车</h3>
						<p>多款豪华跑车供您选择高中低档搭配套餐</p>
				</a></li>
				<li><img class="left"
					src="statics/image/loginandregister/discribe4.jpg" /> <a href="">
						<h3>旅游越野</h3>
						<p>为您量身打造私人线路领略不同旅途风景</p>
				</a></li>
			</ul>
		</div>
		<div class="hotcar">
			<div class="title">
				<div class="hc">
					<div class="hot">
						热租车型<br> <br>HOT RENT CAR
					</div>
					<div class="tab">
						<div data-hot="1" class="item selected">
							<div class="yy">精品车辆</div>
						</div>
						<div data-hot="2" class="item">
							<div class="yy">新品车辆</div>
						</div>
						<div data-hot="3" class="item">
							<div class="yy">热销车辆</div>
						</div>
					</div>
				</div>
			</div>
			<div class="image">
				<div data-content="1" class="content selected">
					<c:forEach items="${jpclist}" var="jpclist">
					<div class="tu" cid="${jpclist.cid}">
						<div class="chetu"><img alt="" src="statics/image/upload/cars/${jpclist.cphoto}"></div>
						<div class="porperty"><span><span class="cn">${jpclist.cname}</span><br><span>${jpclist.cinfo}</span></span></div>
					</div>
					</c:forEach>

				</div>
				<div data-content="2" class="content">
						<c:forEach items="${xpclist}" var="xpclist">
					<div class="tu" cid="${xpclist.cid}">
						<div class="chetu"><img alt="" src="statics/image/upload/cars/${xpclist.cphoto}"></div>
						<div class="porperty"><span><span class="cn">${xpclist.cname}</span><br><span>${xpclist.cinfo}</span></span></div>
					</div>
					</c:forEach>
				</div>
				<div data-content="3" class="content">
						<c:forEach items="${rxclist}" var="rxclist">
						<div class="tu" cid="${rxclist.cid}">
							<div class="chetu"><img alt="" src="statics/image/upload/cars/${rxclist.cphoto}"></div>
							<div class="porperty"><span><span class="cn">${rxclist.cname}</span><br><span>${rxclist.cinfo}</span></span></div>
						</div>
						</c:forEach>
				</div>
			</div>
		</div>
		<div class="active">
			
			<div class="title">
				<div class="at">
					<div class="act">
						<div class="act_active">精彩活动<br> <br>ACTIVITIES
						</div>
						
					</div>
					<div class="zz"><div class="act_wenzi">多种优惠套餐 &nbsp让你快乐出行</div></div>
				</div>	
			</div>
			<div class="image">
			   <c:forEach items="${list}" var="list">
			   <div class="news"><img class="huodong" alt="" src="statics/image/upload/huodong/${list.dpicture}"></div>
			   </c:forEach>
				<a class="more" href="huodong">查看更多</a>
			</div>
		</div>
		<div class="driver">
			<div class="title">
				<div class="at">
					<div class="left">
						<div class="sjfc">
							司机风采<br> <br>THE DRIVER
						</div>
					</div>
				<div class="right">
					<div class="title_wenzi">多年驾龄技巧，让您放心乘坐！</div>
				</div>
				
			  </div>
			</div>

			<div id="image" style="overflow: hidden">
				<table align=left cellpadding=0 border=0>
					<tr>
						<td id="demo1" valign=top>
							<table border=0 cellpadding=0 cellspacing=0>
								<tr>
									<c:forEach items="${elist}" var="elist">
										<td>
										    <div class="list">
												<div class="name"><img alt="" src="statics/image/upload/employee/${elist.ephoto}" /></div>
												<div class="head"><span>${elist.ename}</span><br></div><p>${elist.editor}</p>
												<a class="look" href="driver?eid=${elist.eid}">查看更多</a>
											</div>
										</td>
									</c:forEach>	
									
								</tr>
							</table>
						</td>
						<td id="demo2" valign=top></td>
					</tr>
				</table>

			</div>

		</div>


	</div>
	<jsp:include page="bottom.jsp"></jsp:include>
</body>
</html>